window.$=HTMLElement.prototype.$=function(selector){
	return(this==window?document:this).querySelectorAll(selector)
}
window.onload=function(){
	// 绑定点击事件
	$('#form_2_l')[0].onclick=$('#form_2_r')[0].onclick=function(){
		saoma(this);  // 当前点击对象
	}
	$('#form_3')[0].onmouseover=huadong;
	$('#form_3')[0].onmouseout=yincang;
	//验证码
	var kong="";
	erweima();
}

function saoma(btn){
	if(btn==$('#form_2_l')[0]){
		$('#form_3')[0].style.display='block';   //点击扫码登录,隐藏账户登录
		$('#form_3a')[0].style.display='none';
	}else{
		$('#form_3')[0].style.display='none';   //反之,点击账户登录,隐藏扫码登录
		$('#form_3a')[0].style.display='block';
	}
}
function huadong(){
	$('#form_3_b>img')[0].style.left=-80+'px';
	$('#form_3_b #sj')[0].style.display='block';
}
function yincang(){
	$('#form_3_b>img')[0].style.left=-0+'px';
	$('#form_3_b #sj')[0].style.display='none';
}
//生成验证码方法,随机 数组  Math.floor(Math.rabdom()*数组的长度)  [0,1)   0-9
function erweima(){
	kong="";
	var shuzu=[1,2,3,4,5,6,7,8,9,0,'a','b','c','d','e','f','g','h','i','j','k','l','m','n',
	'o','p','q','r','s','t','u','v','w','x','y','z'];
	var len=shuzu.length;
	for(var i=0;i<4;i++){
		//0-35 数组的下标
		var ran=Math.floor(Math.random()*len);
		//kong="0ix2"
		kong+=shuzu[ran];
	}
	//获取到提交按钮取值=kong
	document.getElementById("anniu4").value=kong;
}
// 点击登录验证以及验证码
 function dianji(){
	// 1 获取输入的手机号/密码/验证码
	var text=document.getElementById("anniu1").value;      //获取手机号
	var password=document.getElementById("anniu2").value;  //获取密码
	var yzm=document.getElementById("anniu3").value;       //获取验证码
	// 2 写手机号以及密码的规则
	var reg=/^1[3|5|8|9|7|4][0-9]{9}$/;  //手机号的规则[0-9]除最开始的两位数字,后九位可以取0-9随意的数;{9}代表除开始的两位数字,其他数字的总和;$代表规则结束
	var reg1=/^[0-9a-zA-Z]{8,16}$/;       //验证码的规则
	// 3.判断输入的手机号和密码是否符合验证规则
	if(reg.test(text)==false){
		document.getElementById("tg").innerHTML="手机号输入错误";
		document.getElementById("yanzheng").style.visibility="visible";
		//加红框/改图标
		document.getElementById("fi1").style.backgroundPosition="0 -97px";
		//手机号的边框变为红色
		document.getElementById("biaodan").style.border="1px solid red";
	}
	else if(reg1.test(password)==false){
		// alert("111");
		document.getElementById("tg").innerHTML="密码输入错误";
		document.getElementById("yanzheng").style.visibility="visible";
		//加红框/改图标
		document.getElementById("fi2").style.backgroundPosition="-48px -97px";
		//手机号的边框变为红色
		document.getElementById("biaodan2").style.border="1px solid red";
		//手机号的红框以及图标变为正常的效果
		document.getElementById("fi1").style.backgroundPosition="0 0";
		document.getElementById("biaodan").style.border="1px solid #bdbdbd";
	}
	else if(yzm!==kong){
		document.getElementById("tg").innerHTML="验证码输入错误";
		document.getElementById("yanzheng").style.visibility="visible";
		// 密码输入框/图标变为正常效果
		document.getElementById("fi2").style.backgroundPosition="-48px 0px"
		document.getElementById("biaodan2").style.border="1px solid #bdbdbd";
		
	}
	else{
		document.getElementById("yanzheng").style.visibility="hidden";
		document.getElementById("fi2").style.backgroundPosition="-48px 0px"
		document.getElementById("biaodan2").style.border="1px solid #bdbdbd";
		setTimeout(()=>{
			alert("验证通过");
			location.reload();
		},1000)
		// // 验证通过后将数据清空
	 }
	 
}